<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="libs/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="libs/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="libs/animate.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>

<header></header>
<main>
    <section class="banner"></section>
    <section class="moments">
        <section class="moment">
            <a href="javascript:void(0)" class="avatar"></a>
            <section class="moment-content">
                <a href="javascript:void(0)" class="nikname">王老六</a>
                <div class="text">Hello world!!! 我正在学习前端。。。加油噢！我正在学习前端。。。加油噢！我正在学习前端。。。加油噢！我正在学习前端。。。加油噢！我正在学习前端。。。加油噢！</div>

                <div class="feature">
                    <span class="zan">
                        <!--<i class="fa fa-heart-o red"></i> 已赞 -->
                        <i class="fa fa-heart-o"></i>
                        <b>123</b>
                    </span>
                    <span class="comment">
                        <i class="fa fa-comment-o"></i>
                        <b>评论</b>
                    </span>
                    <span class="del">
                        <i class="fa fa-remove"></i>
                        <b>删除</b>
                    </span>
                </div>
                <div class="time">13小时</div>
                <div class="comments">
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">💪加油</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                </div>
                <div class="show-comments">查看12条评论</div>
            </section>
        </section>
        <section class="moment">
            <a href="javascript:void(0)" class="avatar"></a>
            <section class="moment-content">
                <a href="javascript:void(0)" class="nikname">王老六</a>
                <div class="text">Hello world!!!</div>

                <div class="feature">
                    <span class="zan">
                        <!--<i class="fa fa-heart-o red"></i> 已赞 -->
                        <i class="fa fa-heart-o red"></i>
                        <b>23</b>
                    </span>
                    <span class="comment">
                        <i class="fa fa-comment-o"></i>
                        <b>评论</b>
                    </span>
                    <span class="del">
                        <i class="fa fa-remove"></i>
                        <b>删除</b>
                    </span>
                </div>
                <div class="time">13小时</div>
                <div class="comments">
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">💪加油</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                </div>
                <div class="show-comments">查看12条评论</div>
            </section>
        </section>
        <section class="moment">
            <a href="javascript:void(0)" class="avatar"></a>
            <section class="moment-content">
                <a href="javascript:void(0)" class="nikname">王老六</a>
                <div class="text">我正在学习前端。。。加油噢！我正在学习前端。。。加油噢！我正在学习前端。。。加油噢！我正在学习前端。。。加油噢！我正在学习前端。。。加油噢！</div>
                <div class="feature">
                    <span class="zan">
                        <!--<i class="fa fa-heart-o red"></i> 已赞 -->
                        <i class="fa fa-heart-o red"></i>
                        <b>13</b>
                    </span>
                    <span class="comment">
                        <i class="fa fa-comment-o"></i>
                        <b>评论</b>
                    </span>
                    <span class="del">
                        <i class="fa fa-remove"></i>
                        <b>删除</b>
                    </span>
                </div>
                <div class="time">13小时</div>
                <div class="comments">
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">💪加油</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                </div>
                <div class="show-comments">查看12条评论</div>
            </section>
        </section>
        <section class="moment">
            <a href="javascript:void(0)" class="avatar"></a>
            <section class="moment-content">
                <a href="javascript:void(0)" class="nikname">王老六</a>
                <div class="text">Hello world!!! 我正在学习前端。。。加油噢！我正在学习前端。。。加油噢！我正在学习前端。。。加油噢！我正在学习前端。。。加油噢！我正在学习前端。。。加油噢！</div>

                <div class="feature">
                    <span class="zan">
                        <!--<i class="fa fa-heart-o red"></i> 已赞 -->
                        <i class="fa fa-heart-o"></i>
                        <b>233</b>
                    </span>
                    <span class="comment">
                        <i class="fa fa-comment-o"></i>
                        <b>评论</b>
                    </span>
                    <span class="del">
                        <i class="fa fa-remove"></i>
                        <b>删除</b>
                    </span>
                </div>
                <div class="time">13小时</div>
                <div class="comments">
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">💪加油</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                </div>
                <div class="show-comments">查看12条评论</div>
            </section>
        </section>
        <section class="moment">
            <a href="javascript:void(0)" class="avatar"></a>
            <section class="moment-content">
                <a href="javascript:void(0)" class="nikname">王老六</a>
                <div class="text">Hello world加油噢。。。加油噢！</div>

                <div class="feature">
                    <span class="zan">
                        <!--<i class="fa fa-heart-o red"></i> 已赞 -->
                        <i class="fa fa-heart-o"></i>
                        <b>123</b>
                    </span>
                    <span class="comment">
                        <i class="fa fa-comment-o"></i>
                        <b>评论</b>
                    </span>
                    <span class="del">
                        <i class="fa fa-remove"></i>
                        <b>删除</b>
                    </span>
                </div>
                <div class="time">13小时</div>
                <div class="comments">
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">💪加油</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三丰</span>:</a>
                        回复
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新特朗普突然现身白宫发表最短讲话 新</span>
                    </div>
                </div>
                <div class="show-comments">查看12条评论</div>
            </section>
        </section>
        <section class="moment">
            <a href="javascript:void(0)" class="avatar"></a>
            <section class="moment-content">
                <a href="javascript:void(0)" class="nikname">王老六</a>
                <div class="text">Hello world!!! 我正在学习前端。。。加油噢！我正在学习前端。。。加油噢！我正在学习前端。。。加油噢！我正在学习前端。。。加油噢！我正在学习前端。。。加油噢！</div>

                <div class="feature">
                    <span class="zan">
                        <!--<i class="fa fa-heart-o red"></i> 已赞 -->
                        <i class="fa fa-heart-o"></i>
                        <b>1</b>
                    </span>
                    <span class="comment">
                        <i class="fa fa-comment-o"></i>
                        <b>评论</b>
                    </span>
                    <span class="del">
                        <i class="fa fa-remove"></i>
                        <b>删除</b>
                    </span>
                </div>
                <div class="time">13小时</div>
                <div class="comments">
                    <div class="item">
                        <a href="javascript:void(0)"><span>张三</span>:</a>
                        <span class="i-text">💪加油</span>
                    </div>
                </div>
                <div class="show-comments">查看12条评论</div>
            </section>
        </section>
    </section>
</main>



<script src="./libs/zepto.js"></script>
<script src="libs/touch.js"></script>
<script src="./js.js"></script>
</body>
</html>
